<template>
	<view class="Recommend bg-color">
		<view class="recommend-item" v-for="(item,index) in dataList" :key="index">
			<image class="item-big" :src="item.bigUrl"></image>
			<view class="item-small">
				<block v-for="(k,i) in item.data" :key="i" class='imgs'>
						<image class='item-img' :src='k.imgUrl' ></image>
				</block>
			

			</view>
		</view>
		
	</view>
</template>

<script>
	export default{
		props:{
			dataList:Array
		},
		mounted() {
			
		}
	}
</script>

<style scoped>
	.Recommend{
		padding: 20rpx;
	}
	.recommend-item{
		display: flex;
		flex-direction: column;
		
		border-radius: 20rpx;
		border: 2rpx solid #cccccc;
		margin: 20rpx 0;
	}
	.item-big{
		width: 100%;
		height: 300rpx;
	}
	.item-small{
		width: 100%;
		height: 240rpx;	
		
	}

	.item-img{
	
		height: 240rpx;
		width: 33%;
	}
	.item-img:nth-child(3){
	
		height: 240rpx;
		width: 34%;
	}
</style>